<script lang="ts" setup>
import { Input, Select } from 'ant-design-vue'

const emit = defineEmits(['blur', 'change'])

const modelValue = defineModel<[string, string]>({
  default: () => [undefined, undefined],
})

function onChange() {
  emit('change', modelValue.value)
}
</script>
<template>
  <div class="flex w-full gap-1">
    <Input placeholder="" class="flex-1" allow-clear v-model:value="modelValue[0]" @blur="emit('blur')" @change="onChange" />
    <div class="text-center flex items-center">-</div>
    <Input placeholder="" class="flex-1" allow-clear v-model:value="modelValue[1]" @blur="emit('blur')" @change="onChange" />
  </div>
</template>
